<template>
	<view class="searchBox">
		<view class="search">
			<image src="/static/img/common_ic_01_bbb.png"></image>
            <view>
                <input type="text" placeholder="输入附近网点名称搜索"/>
            </view>
		</view>
	</view>
</template>
<script>
	export default {
		components: {},
		data() {
			return {};
		},
		computed: {},
		methods: {},
		beforeCreate() {},
		created() {},
		beforeMount() {},
		mounted() {},
		beforeUpdate() {},
		updated() {},
		beforeDestroy() {},
		destroyed() {},
	};
</script>
<style scoped lang='scss'>
	.search {
		display: inline-block;
		padding: 0 40rpx;
		margin-top: 12rpx;
		margin-bottom: 16rpx;
		margin-left: 30rpx;
		box-sizing: border-box;
		overflow: hidden;
		width: 500rpx;
		height: 72rpx;
		border-radius: 36rpx;
		background: #f8f8fb;
		/* background-color: #007AFF; */
		display: flex;
		justify-content: flex-start;
		align-items: center;

		image {
			width: 40rpx;
			height: 40rpx;
			object-fit: cover;
		}

		input {
			width: 300rpx;
			height: 40rpx;
			margin-left: 12rpx;
			overflow: hidden;
			border: none;
			line-height: 40rpx;
			font-size: 24rpx;

			&::placeholder {
				display: inline-block;
				font-size: 24rpx;
				color: #999;
				line-height: 40rpx;
			}
		}
	}
</style>
